/**
 * @File   : index.js
 * @Author : xue.xiaoBing
 * @Time   : 2022/2/3 13:26
 * @Desc   : 登录注册页面盒子
 **/

import {Row, Col} from "antd";
import React, {Component} from "react";

import Footer from "src/components/footer";
import LoginHeader from "src/components/head/loginHeader";
import LoginRegisterBg from "src/assets/images/login/login-register-bg.png";

import "./index.sass";


class LoginRegisterBox extends Component {
  constructor(props) {
    super(props);
    this.state = {}
  }

  render() {
    return (
      <div className={"login-register-box"}>
        <LoginHeader/>
        <Row className={"login-register-content"} align={"middle"}>
          <Col span={11}>
            <div className={'title'}>
              <h2><span>AI</span> + <span>教育</span></h2>
              <div>打造具备个人特色的人物画像</div>
            </div>
            <img className={'login-register-bg'} src={LoginRegisterBg} alt="背景图片"/>
          </Col>
          <Col span={11} style={{textAlign: "center"}} offset={2}>
            <div className={'login-register'} >
              {this.props.children}
            </div>
          </Col>
        </Row>
        <Footer/>
      </div>
    )
  }
}

export default LoginRegisterBox

 